<template>
	<div id="app">
		<router-view />
	</div>
</template>
<script>
	export default {
		name: "App",
		mounted() {},
	};
</script>
<style lang="less">
	@import "./assets/css/index.less";
	/deep/.carPage{
		transform: transition3d(0, 0, 0);
		//防止图片加载“闪一下”
		will-change: transform;
	}
	.tox-toolbar-overlord {
		display: flex;
	}
	// 公共样式
	.msgItems {
		width: 100%;
		margin-bottom: 25px;
		.title {
			display: flex;
			align-items: center;
			img {
				width: 15px;
				height: 15px;
			}
			span {
				margin-left: 10px;
				font-size: 16px;
				font-family: PingFang SC;
				font-weight: bold;
				color: #555555;
			}
		}
		.changeBox {
			padding: 5px 15px;

			.boxItems {
				width: 100%;
				margin: 40px 0;
				font-size: 14px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333333;
			}
		}
	}
  .dark{
      filter: invert(0.9) hue-rotate(.5turn);
      // 避免菜单栏样式被设置
      .sideMenu{
          filter: invert(1) hue-rotate(.5turn);
      }
      .ant-card-hoverable:hover{box-shadow: none;}
      // 避免页面图片被设置
      img {
          filter: invert(1) hue-rotate(.5turn);
      }
  }

</style>
